import React, { Component } from 'react';
import pic from '../../assets/pic.png'
import '../../style/AllgoodsScss/list.scss'
class List extends Component {
    state = {
        list: [
            { pic, text: 'COSME DECORTE 黛珂植物化妆水 200ml', price: 215 },
            { pic, text: 'COSME DECORTE 黛珂牛油果乳液 150ml', price: 205 },
            { pic, text: 'COSME DECORTE 黛珂植物木质香香水 70ml', price: 343 },
            { pic, text: 'COSME DECORTE 黛珂细腻唇膏 30g', price: 89 },
            { pic, text: 'COSME DECORTE 黛珂细腻唇膏 30g', price: 89 },
            { pic, text: 'COSME DECORTE 黛珂细腻唇膏 30g', price: 89 }
        ]
    }
    render() {
        return (
            <div className="list">
                {
                    this.state.list.map((item, index) => {
                        return (
                            <div className="itemlist" key={index}>
                                <img src={item.pic} alt="" />
                                <span>{item.text}</span>
                                <p>活动价￥{item.price}</p>
                            </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default List;